<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>小米合约机</title>
    <link rel="stylesheet" href="css/小米合约机.css"/>
</head>
<body>
<div class="top">
    <div class="top-a centenr">
        <ul class="top-b">
            <li>小米网</li>
            <li>|</li>
            <li>MIUI</li>
            <li>|</li>
            <li>米聊</li>
            <li>|</li>
            <li>游戏</li>
            <li>|</li>
            <li>多看阅读</li>
            <li>|</li>
            <li>云服务</li>
            <li>|</li>
            <li>小米网移动版</li>
            <li>|</li>
            <li>Select region</li>
        </ul>
        <ul class="top-c">
            <li>登录</li>
            <li>|</li>
            <li>注册</li>
        </ul>
    </div>

</div>
<div class="da centenr">
    <div class="top-d">
        <button class="top-ana">购物车</button>
        <button class="top-anb">5月12日开放购买</button>
        <div class="top-ss">
            <input placeholder="请搜索您需要的商品" class="top-sk" type="text"/>
            <button class="top-an"></button>

        </div>


    </div>
    <div class="nav">
        <div class="nav-a">全部商品分类</div>
        <div class="nav-b">
            <ul>
                <li>首页</li>
                <li>小米手机</li>
                <li>红米手机</li>
                <li>小米平板</li>
                <li>小米电视</li>
                <li>盒子</li>
                <li>路由器</li>
                <li>合约机</li>
                <li>服务</li>
                <li>社区</li>
            </ul>
        </div>
    </div>
    <div class="tu">

    </div>
    <div class="yb">
    <div class="cz">
        <p class="cz-hf">话费充值</p>
        <input class="hm" type="text"/>
        <input class="je" type="text"/>
        <p class="jg">实时价格：<span>98.4</span>元起</p>
        <button>立即充值</button>
    </div>
    <div class="ltsq">
        联通授权标识
        <img src="images3/liantong.png" alt=""/>
    </div>
    <div class="dxsq">
        电信授权标识
        <img src="images3/dianxin.png" alt=""/>
    </div>
    </div>
    <div class="sjzs">
        <div class="sjzs-b">
            <img src="images3/icon_01.png" alt=""/>
            <p>全部合约机</p></div>
        <div class="sjzs-a">
            <img src="images3/icon_02.png" alt=""/>
            <p>移动合约机</p></div>
        <div class="sjzs-a">
            <img src="images3/icon_03.png" alt=""/>
            <p>联通合约机</p></div>
        <div class="sjzs-a">
            <img src="images3/icon_04.png" alt=""/>
            <p>电信合约机</p></div>
        <div class="qb">
            <div class="qb-a">
                <img src="images3/Noteblack!144x149.jpg" alt=""/>
                <p class="wz">联通</p>
                <p>小米note合约机<br>2419元起</p>
            </div>
            <div class="qb-a ">
                <img src="images3/Noteblack!144x149.jpg" alt=""/>
                <p class="wz yd">移动</p>
                <p>小米note合约机<br>2299元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/mi4Front!144x149.jpg" alt=""/>
                <p class="wz">联通</p>
                <p>小米4合约机<br>1919元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/hm2!149x149.jpg" alt=""/>
                <p class="wz">联通</p>
                <p>红米2合约机<br>799元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/hm2!149x149.jpg" alt=""/>
                <p class="wz yd">移动</p>
                <p>红米2合约机<br>699元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/mi4Front!144x149.jpg" alt=""/>
                <p class="wz">电信</p>
                <p>已售罄<br>小米note合约机<br>2099元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/mi4Front!144x149.jpg" alt=""/>
                <p class="wz yd">移动</p>
                <p>小米4合约机<br>1799元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/hmnote.jpg" alt=""/>
                <p class="wz">联通</p>
                <p>已售罄<br>红米note 4G合约机<br>1019元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/hmnote.jpg" alt=""/>
                <p class="wz yd">移动</p>
                <p>已售罄<br>红米note 4G合约机<br>899元起</p>
            </div>
            <div class="qb-a">
                <img src="images3/miphone07!149x149.jpg" alt=""/>
                <p class="wz yd">移动</p>
                <p>已售罄<br>红米1S 4G合约机<br>2419元起</p>
            </div>
        </div>
    </div>
</div>
<div class="end">
    <div class="end-a centenr">
        <div class="end-b">
            <img src="images3/10.png" alt=""/>
            <p>1小时快修服务</p>
        </div>
        <div class="end-b">
            <img src="images3/11.png" alt=""/>
            <p>7天无理由退化</p>
        </div>
        <div class="end-b">
            <img src="images3/12.png" alt=""/>
            <p>15天免费换货</p>
        </div>
        <div class="end-b">
            <img src="images3/13.png" alt=""/>
            <p>满150元包邮</p>
        </div>
        <div class="end-b">
            <img src="images3/14.png" alt=""/>
            <p>520余家售后网点</p>
        </div>

    </div>
    <div class="end-c centenr">
        <div class="end-d">
<p class="end-d-wz">400-100-5678</p>
<p class="end-d-wx">周一至周日8：00-21：00<br>（仅收市话费）</p>
            <button>24小时在线客服</button>
        </div>

    <div class="end-e">
        <ul>
            <li><a href="#">帮助中心</a></li>
            <li><a href="#">购物指南</a></li>
            <li><a href="#">支付方式</a></li>
            <li><a href="#">配送方式</a></li>
        </ul>
        <ul>
            <li><a href="#">服务支持</a></li>
            <li><a href="#">售后政策</a></li>
            <li><a href="#">自助服务</a></li>
            <li><a href="#">相关下载</a></li>
        </ul>
        <ul>
            <li><a href="#">小米之家</a></li>
            <li><a href="#">小米之家</a></li>
            <li><a href="#">服务网店</a></li>
            <li><a href="#">预约亲临到店的服务</a></li>
        </ul>
        <ul>
            <li><a href="#">关于小米</a></li>
            <li><a href="#">了解小米</a></li>
            <li><a href="#">加入小米</a></li>
            <li><a href="#">联系我们</a></li>
        </ul>
        <ul>
            <li><a href="#">关注我们</a></li>
            <li><a href="#">新浪微博</a></li>
            <li><a href="#">小米部落</a></li>
            <li><a href="#">官方微信</a></li>
        </ul>
    </div>
    </div>
    <div class="end-f centenr">
        <ul>
            <li>小米旗下网站：小米网</li>
            <li>|</li>
            <li><a href="#">MIUI</a></li>
            <li>|</li>
            <li><a href="#">米聊</a></li>
            <li>|</li>
            <li><a href="#">多看书城</a></li>
            <li>|</li>
            <li>小米路由器<a href="#"></a></li>
            <li>|</li>
            <li><a href="#">繁体香港</a></li>
            <li>|</li>
            <li><a href="#">繁体台湾</a></li>
            <li>|</li>
            <li><a href="#">English</a></li>
            <li>|</li>
            <li><a href="#">小米后院</a></li>
            <li>|</li>
            <li><a href="#">小米天猫店</a></li>
            <li>|</li>
            <li><a href="#">小米淘宝直营店</a></li>
            <li>|</li>
            <li><a href="#">小米网盟</a></li>
        </ul><br>
        <p>mi.com京ICP证110507号 京ICP备10046444号 京公网安备1101080212535号 京网文[2014]0059-0009号</p>

    <div class="end-i">
        <input placeholder="简体中文" type="text"/>
    </div>
</div>
</div>
</body>
</html>